<script type="text/javascript">
    $.noConflict();
    jQuery(document).ready(function($) {
        var r = Raphael("holder"),
        data1 = [<?php echo $graphData; ?>],
        txtattr = { font: "12px sans-serif" };
                
        r.text(200, 10, "Top 30:[Pageview per visit] | [Avg time on page] | [Page views]").attr(txtattr);
               
        r.barchart(0, 10, 700, 320, data1, {stacked: true});
    });
</script>
<div id="holder"></div>
<br/>
<?php
$this->widget('bootstrap.widgets.TbGridView', array(
    'dataProvider' => $dataProvider,
    'type'=>'striped bordered condensed',
    'columns' => array(
        array('name' => '#', 'value' => '$data->id', 'type' => 'number'),
        array('name' => 'landing_page', 'value' => '$data->landing_page'),
        array('name' => 'page_title', 'value' => '$data->page_title'),
        array('name' => 'page_views', 'value' => '$data->page_views'),
        array('name' => 'pageviews_per_visit', 'value' => '$data->pageviews_per_visit'),
        array('name' => 'time_on_page', 'value' => '$data->time_on_page'),
        array('name' => 'avg_time_on_page', 'value' => '$data->avg_time_on_page'),
        array('name' => 'visits', 'value' => '$data->visits'),
        array('name' => 'bounce_rate', 'value' => '$data->bounce_rate'),
//        array(// display a column with "view", "update" and "delete" buttons
//            'class' => 'CButtonColumn',
//        ),
    ),
    'loadingCssClass' => 'table table-striped',
    'itemsCssClass' => 'table table-striped',
));
?>